<!DOCTYPE html>
<head lang="en">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>字体</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <meta name="format-detection" content="telephone=no"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"/>
    <style type="text/css">
        .px10 {
            font-size: 10px;
        }

        .px12 {
            font-size: 12px;
        }

        .px14 {
            font-size: 14px;
        }

        .px16 {
            font-size: 16px;
        }
    </style>

</head>
<body>
<h1>H1标题</h1>

<h2>H1标题</h2>

<h3>H1标题</h3>
<h4>H1标题</h4>
<h5>H1标题</h5>
<h6>H1标题</h6>
<small>Small字体</small>
<p class="px10">10px字体</p>

<p class="px12">12px字体</p>

<p class="px14">14px字体</p>

<p class="px16">16px字体</p>
<b>粗体</b>
</body>
</html>